<!DOCTYPE html>
{% load staticfiles %}
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
  	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  	<meta name="apple-mobile-web-app-status-bar-style" content="black">
  	<meta name="apple-mobile-web-app-capable" content="yes">
  	<meta name="format-detection" content="telephone=no">
	<title>详情 - Blog</title>
     <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
    <link rel="stylesheet" href="{%static 'layui/css/layui.css' %}">
	<link rel="stylesheet" href="{%static 'css/common.css' %}">
    <link rel="stylesheet" href="{%static 'css/detail.css' %}">
</head>
<body>
	<header class="layui-bg-cyan">
		<nav class="layui-container">
			<div class="layui-row">
			    <div class="layui-col-md2 logo">
	<a href="http://127.0.0.1:8000/blog/index"><img src="{% static 'images/mi.png' %}" style="width: 50px;height: 50px"></a>
			    </div>
			    <div class="layui-col-md8 layui-hide-xs">
			    	<ul class="layui-nav layui-bg-cyan">
					  	<li class="layui-nav-item">
					    	<a href="http://127.0.0.1:8000/blog/index">首页</a>
					  	</li>
					  	<li class="layui-nav-item layui-this">
					    	<a href="">博客<span class="layui-badge-dot"></span></a>
					  	</li>
					</ul>
			    </div>
			    <div class="layui-col-md2 layui-hide-xs userinfoBox">
			    	<ul class="layui-nav layui-bg-cyan">
					  	<li class="layui-nav-item">
					    	<a href="javascript:;"><i class="layui-icon layui-icon-search search"></i></a>
					  	</li>

					</ul>
			    </div>
		   	</div>
		</nav>
	</header>

	<div class="layui-container">
		<div class="layui-row layui-col-space20">
			<div class="layui-col-md8">
				<div class="layui-row">
					<div class="layui-col-md12">
						<div class="main">
							<div class="title">
								{{ curr_article.title }}
								<div class="layui-row stat">
									<div class="layui-col-md3 layui-col-xs12">发布时间：<em>{{curr_article.publish_date }}</em></div>
									<div class="layui-col-md2 layui-col-xs6">分类：<a href="javascript:;">博客</a></div>
									<div class="layui-col-md2 layui-col-xs6">作者：<a href="javascript:;">氮化镓GaN</a></div>
									<div class="layui-col-md5 layui-col-xs12">
										<div class="layui-row">
											<div class="layui-col-md6 layui-col-xs6">
												<i class="layui-icon layui-icon-reply-fill"></i>
												<em>12条评论</em>
											</div>
											<div class="layui-col-md6 layui-col-xs6">
												<i class="layui-icon layui-icon-read"></i>
												<em>12次阅读</em>
											</div>
										</div>
									</div>
								</div>
							</div>


							<div class="content">
								{% for section in section_list %}
        <p>{{ section }}</p>
        {% endfor %}
							</div>
							<div class="copyright">
								<p>本文链接：<a href="https://www.xxx.com/article-1.html">https://www.xxx.com/article-1.html</a></p>
								<p>转载声明：本站文章若无特别说明，皆为原创，转载请注明来源：氮化镓GaN的博客，谢谢！^^</p>
							</div>
							<div class="operation">
								<a href="javascript:;" class="layui-btn layui-btn-normal">点赞</a>
								<a href="javascript:;" class="layui-btn layui-btn-warm">赞赏</a>
							</div>
							<div>
    <nav aria-label="...">
  <ul class="pager">
    <li><a href="/blog/detail/{{ previous_article.article_id }}">上一篇：{{ previous_article.title }}</a></li>
    <li><a href="/blog/detail/{{ next_article.article_id }}">下一篇：{{ next_article.title }}</a></li>
  </ul>
</nav>
</div>
						</div>
					</div>
					<div class="layui-col-md12 margin20"></div>
					<div class="layui-col-md12">
						<div class="layui-card">
						  	<div class="layui-card-header">
								<span>
									相关推荐
								</span>
						  	</div>
						  	<div class="layui-card-body">
						  		<div class="layui-row">
						  			<div class="layui-col-md4">
										<div class="layui-card">
										  	<a href="javascript:;" class="layui-card-body recommend">
										    <img src="{% static 'images/3.png' %}" style="height: 200px;width: 200px">
										    	<p>一个晚上后,我终于做完了《摩尔庄园》的任务</p>
										  	</a>
										</div>
					  				</div>
						  			<div class="layui-col-md4">
										<div class="layui-card">
										  	<a href="javascript:;" class="layui-card-body recommend">
										    		<img src="{% static 'images/2.png' %}" style="height: 200px;width: 200px">
										    	<p>插播一则新闻📢📢📢八点摩尔庄园城堡有烟花秀🎆🎆🎆从 -</p>
										  	</a>
										</div>
					  				</div>
						  			<div class="layui-col-md4">
										<div class="layui-card">
										  	<a href="javascript:;" class="layui-card-body recommend">
										    	<img src="{% static 'images/1.jpg' %}"  style="height: 200px;width: 200px">
									    		<p>“那些年”到“再上线”,打造新的摩尔庄园</p>
										  	</a>
										</div>
					  				</div>
						  		</div>
						  	</div>
						</div>
					</div>
				</div>
	        </div>


	        <div class="layui-col-md4">
				<div class="layui-row">
					<div class="layui-col-md12">
						<div class="layui-card">
						  	<div class="layui-card-header">
								<span class="layui-breadcrumb" lay-separator="|">
									<a href="javascript:;">站点统计</a>
									<a href="javascript:;">联系站长</a>
								</span>
						  	</div>
						  	<div class="layui-card-body" id="stat">
						  		<table class="layui-table">
								  	<colgroup>
								    	<col width="120">
								    	<col width="230">
								  	</colgroup>
								  	<tbody>
								    	<tr>
								      		<td>运行时间：</td>
								      		<td>856 天</td>
								    	</tr>
								    	<tr>
								      		<td>发表文章：</td>
								      		<td>1024 篇</td>
								    	</tr>
								    	<tr>
								      		<td>注册用户：</td>
								      		<td>3689 人</td>
								    	</tr>
								  	</tbody>
								</table>
						  	</div>
						  	<div class="layui-card-body" id="binfo" style="display: none;">
						  		<table class="layui-table">
								  	<colgroup>
								    	<col width="120">
								    	<col width="230">
								  	</colgroup>
								  	<tbody>
								    	<tr>
								      		<td>QQ：</td>
								      		<td>1594408528</td>
								    	</tr>
								    	<tr>
								      		<td>Wechat：</td>
								      		<td>BF31594408528</td>
								    	</tr>
								    	<tr>
								      		<td>qqGroup：</td>
								      		<td>1268151669</td>
								    	</tr>
								  	</tbody>
								</table>
						  	</div>
						</div>
					</div>
					<div class="layui-col-md12 margin20"></div>
					<div class="layui-col-md12">
{#						<div class="layui-card">#}
{#						  	<div class="layui-card-header">#}
{#								<span>#}
{#									热门文章#}
{#								</span>#}
{#						  	</div>#}
{#						  	<div class="layui-card-body">#}
{#								<table class="layui-table" lay-skin="nob">#}
{#								  	<tbody>#}
{#								    	<tr><td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td></tr>#}
{#								    	<tr><td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td></tr>#}
{#								    	<tr><td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td></tr>#}
{#								    	<tr><td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td></tr>#}
{#								    	<tr><td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td></tr>#}
{#								    	<tr><td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td></tr>#}
{#								    	<tr><td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td></tr>#}
{#								    	<tr><td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td></tr>#}
{#								    	<tr><td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td></tr>#}
{#								    	<tr><td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td></tr>#}
{#								    	<tr><td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td></tr>#}
{#								  	</tbody>#}
{#								</table>#}
{#						  	</div>#}
{#						</div>#}
					</div>
					<div class="layui-col-md12 "></div>
					<div class="layui-col-md12">
						<div class="layui-card">
						  	<div class="layui-card-header">
								<span>
									捐助本站
								</span>
						  	</div>
						  	<div class="layui-card-body" style="text-align: center;">
						    	<img src="{% static 'images/wx.jpg' %}" style="width: 70%">
						    	<br/>
						    	<p>无论多少，都是心意!</p>
						  	</div>
						</div>
					</div>
				</div>
	        </div>
		</div>
	</div>

	<!-- 尾部 -->
	<div class="footer"></div>
	<footer class="layui-bg-cyan">
		<div class="layui-container">
			<div class="layui-row">
			<p>广东东软学院 Powered By  <a href="https://gitee.com/XzcGroup/XzcBlogTemplate" target="_blank" title="XzcBlogTemplate">网络工程</a></p>
			</div>
		</div>
	</footer>
</body>
<link rel="stylesheet" href="{%static 'layui/layui.all.js' %}">
</html>